<script setup>
import { useI18nStore } from '@/stores';
const i18nStore = useI18nStore();
const list = [
  {
    problem: 134,
    content: 135
  },
  {
    problem: 136,
    content: 137
  },
  {
    problem: 138,
    content: 139
  },
  {
    problem: 140,
    content: 141
  },
  {
    problem: 142,
    content: 143
  }
];
</script>
<template>
  <div class="mt-[30px] mb-[50px]">
    <h1 class="text-[42px] font-bold text-center mb-[40px] mobile:text-3xl">
      {{ i18nStore.translate('index133') }}
    </h1>
    <div class="content">
      <Panel
        v-for="i in list"
        :header="i18nStore.translate(`index${i.problem}`)"
        toggleable
        collapsed
      >
        <p class="m-0">
          {{ i18nStore.translate(`index${i.content}`) }}
        </p>
      </Panel>
    </div>
  </div>
</template>

<style scoped lang="scss"></style>
